<style>
.tableList{
	padding-bottom: 30px;
    border-bottom: 1px solid #CCCCCC;
}
.activityList{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
}
#overPadding{
	padding:0;
	box-sizing: border-box;
	width:120px;
	float:left;
	border:1px solid #fff;
}
#titles{
	background:#0074c1;
	text-align:center;
	color:#fff;
	 padding: 0;
    line-height: 30px;
}
#showData{
	border:1px solid #ccc;
	padding:0;
	line-height: 30px;
	font-size: 14px;
	text-align:center;
	background:#fff;
}
</style>
<div ng-controller="activityLookCtrl">
	<div class="well">
		<div class="titleContainer">
			<div class="leftTitle">活动管理--查看</div>
		</div>
		<!-- 活动数据展示-->
		<div class="activityList">
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">活动卡销售数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.card}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">活动签到数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.sign_num}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">砸蛋券发放数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.egg_ticket_grant}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">砸蛋券已使用</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.egg_ticket_use}}</label>
			</div>			
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">砸蛋券核销数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.egg_ticket_num}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">抽奖券发放数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.lottery_grant}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">抽奖券已使用</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.lottery_use}}</label>
			</div>			
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">抽奖券核销数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.lottery_num}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">奖品发放数量</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.prize_grant}}</label>
			</div>
			<div class="form-horizontal" id="overPadding">
				 <label class="col-sm-12 control-label" id="titles">当前活动销售金额</label>
				  <label class="col-sm-12 control-label" id="showData">{{list.amount_num}}</label>
			</div>			
		</div>
		<!-- 活动人名单展示 -->
		<div class="formContainer">
			<div class="form-horizontal">
				<div class="form-group">
					<div class="form-horizontal col-sm-3">
			            <div class="form-group">
			                <label class="col-sm-4 control-label">客户姓名</label>
			                <div class="col-sm-8">
			                	<input type="text" class="form-control" ng-model="search.user_name"/>
			                </div>
			            </div>
			        </div>
			        <div class="form-horizontal col-sm-3">
			            <div class="form-group">
			                <label class="col-sm-4 control-label">联系方式</label>
			                <div class="col-sm-8">
			                	<input type="text" class="form-control" ng-model="search.phone"/>
			                </div>
			            </div>
			        </div>
			        <div class="form-horizontal col-sm-3">
			            <div class="form-group">
			                <label class="col-sm-4 control-label">是否签到</label>
			                <div class="col-sm-8">
			                	<input type="text" id="isSureSign"/>
			                </div>
			            </div>
			        </div>
			        <div class="form-horizontal col-sm-3">
			            <div class="form-group">
			                <label class="col-sm-4 control-label">所属专卖店</label>
			                <div class="col-sm-8"> 
			                	<input type="text" class="form-control"  ng-model="search.commercial_name"/>
			                </div>
			            </div>
			        </div>
			        
			       <div class="buttons-wrap clearBoth">
						<button class="k-button k-state-default" ng-click="search()">搜索</button>
					</div>
				</div>
			</div>
		</div>
		<div>
			<button class="k-button k-state-default" ng-click="chooseAll('recordClass',true)">全选</button>
			 <button class="k-button k-state-default" ng-click="chooseAll('recordClass',false)">取消</button>
			<button class="k-button k-state-default" ng-click="downloadTableData(1)">筛选导出</button>
			<button class="k-button k-state-default" ng-click="downloadTableData(2)">选中导出</button>
			<hr class="towGreen">
		</div>
     <div kendo-window="lookInfoWindow" k-title="'查看详情'" k-width="800" k-min-height="300" k-visible="false" k-modal="true">
     	<div>
           <table class="col-sm-12 table table-striped">
              <tr>
                <td class="col-sm-2 text-center">姓名：</td>
                <td class="col-sm-2 text-left">{{details.customer_name}}</td>
                <td class="col-sm-2 text-center">联系方式：</td>
                <td class="col-sm-2 text-left">{{details.phone}}</td>
                 <td colspan="2" rowspan="4" class="col-sm-4">
                	<img style="width: 150px;height: 150px;" src="{{details.head_url}}" />
                </td>
              </tr>
              <tr>
                <td class="col-sm-2 text-center">报名日期：</td>
                <td class="col-sm-2 text-left">{{details.apply_time}}</td>
                <td class="col-sm-2 text-center">活动卡：</td>
                <td class="col-sm-2 text-left">{{details.name}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-center">预付定金：</td>
                <td class="col-sm-2 text-left">{{details.deposit_price}}</td>
                <td class="col-sm-2 text-center">本次实收金额：</td>
                <td class="col-sm-2 text-left">{{details.order_pricep}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-center">所属专卖店：</td>
                <td class="col-sm-2 text-left">{{}}</td>
                <td class="col-sm-2 text-center">报名专卖店：</td>
                <td class="col-sm-2 text-left">{{}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-left">【用户状态】</td>
                <td class="col-sm-2 text-left" colspan="5"></td>
              </tr>
              <tr>
                <td class="col-sm-2 text-right">活动状态：</td>
                <td class="col-sm-2 text-left">{{details.sign_state}}</td>
                <td class="col-sm-2 text-right">签到日期：</td>
                <td class="col-sm-2 text-left">{{details.sign_time}}</td>
                <td class="col-sm-2 text-right">签到礼：</td>
                <td class="col-sm-2 text-left">{{details.sign_gift}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-right">砸金蛋：</td>
                <td class="col-sm-2 text-left" >{{details.smashEge}}</td>
                <td class="col-sm-2 text-right">核销数量：</td>
                <td class="col-sm-2 text-left" >{{details.verification1}}</td>
                <td class="col-sm-2 text-right">礼品：</td>
                <td class="col-sm-2 text-left" >{{details.present}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-right">抽奖券：</td>
                <td class="col-sm-2 text-left" >{{details.lottery_ticket}}</td>
                <td class="col-sm-2 text-right">核销数量：</td>
                <td class="col-sm-2 text-left" >{{details.verification2}}</td>
                <td class="col-sm-2 text-right">礼品：</td>
                <td class="col-sm-2 text-left" >{{details.present2}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-right">满赠礼：</td>
                <td class="col-sm-2 text-left" colspan="5">{{details.fullGif}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-left">【订单信息】</td>
                <td class="col-sm-2 text-left" colspan="5"></td>
              </tr>
              <tr>
                <td class="col-sm-2 text-right">订单编号：</td>
                <td class="col-sm-2 text-left" >{{details.order_code}}</td>
                <td class="col-sm-2 text-right">下单时间：</td>
                <td class="col-sm-2 text-left" >{{details.create_time}}</td>
                <td class="col-sm-2 text-right">订单状态：</td>
                <td class="col-sm-2 text-left" >{{details.order_state}}</td>
              </tr>
              <tr>
                <td class="col-sm-2 text-right">产品型号：</td>
                <td class="col-sm-2 text-left" >{{details.product_model}}</td>
                <td class="col-sm-2 text-right">订单总额：</td>
                <td class="col-sm-2 text-left" >{{details.order_price}}</td>
                <td class="col-sm-2 text-right"></td>
                <td class="col-sm-2 text-left" ></td>
              </tr>
           </table>
        </div>
     </div>
		<div class="tableList">
			<div kendo-grid="grid2" k-options="gridOptions2" id="commercial"></div>
		</div>
	</div>
</div>